<!DOCTYPE html> 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Mockingbird Slide System</title>
<link rel="stylesheet" href="themes/sky/style.css" type="text/css" media="screen" /> 
<link rel="stylesheet" href="css/core.css" type="text/css" media="screen" /> 
<script src="js/jquery.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/main.js"></script>
</head>
<body>
    <div id="container">
        <div id="panel">
            <a id="prev" accesskey="left" 
                href="javascript:void(0);">« Prev</a>
            <a id="next" accesskey="right" 
                href="javascript:void(0);">Next »</a>
        </div>
        <div id="showcase-wrap">
            <div id="showcase"></div>
        </div>
        <div id="nav">
            <div id="thumbnails">
            </div>
        </div> <!-- nav -->
    </div>
<div id="slide-list">
    <!-- add new slide in the list -->
    <div class="slide">
        <br/>
        <br/>
        <br/>
        <center>
        <h1 class="xx-big">Mockingbird </h1>
        </center>
        <div class="text-align-right italic">
            A HTML based Slide System
        </div>
        <em>by shellex</em>
    </div>

    <div class="slide">
        <h1>Slide 2: List Environment</h1>
        <ul>
            <li>Unsorted List Item 1</li>
            <li>Unsorted List Item 2</li>
            <li>Unsorted List Item 3</li>
        </ul>
        <ol>
            <li>Sorted List Item 1</li>
            <li>Sorted List Item 2</li>
            <li>Sorted List Item 3</li>
        </ol>
    </div>

    <div class="slide">
        <h1>Slide 3: Paragraph in List</h1>
        <ol>
            <li>
            <p> 有些事比孤独更可怕。可话又说回来，他们在蓝光会所卖的
            那些东西真是顶尖货，是最流行的。流行得几乎像合法生意。
            </p>
            </li>
            <li>
            <p> 黑暗的心脏处，寂静的中央部位。破坏子程序用狂暴的灯光
            撕裂黑暗，我们四周仿佛有一圈半透明的刀锋，锐利无比，砍杀
            着一切。一场大爆炸，悄然无声，缓慢得像慢动作。碎冰四溅，
            被永远摧毁。我们身处爆炸中央。穿过这片仿佛宽达无数光年的
            虚无，穿过电子幻象，远远传来博比的声音 </p>
            </li>
        </ol>
    </div>

    <div class="slide">
        <h1>Slide 4: Paragraph</h1>
        <p> 入侵程序冲浪板，破坏子程序在我们脚下翻腾涌动，不断变化，
        以适应变化的环境。我们像一块智能化的油渍，转眼间便渗入幢幢鬼
        影般的系统甬道。 
        </p><p>
        躯体还是有的，在很远很远的某个地方，挤在一
        间堆满东西的阁楼上，阁楼是钢铁加玻璃。在系统里，我们的时间只
        能以微秒计算，或许足够我们撤出来。 我们冲进她设下的关卡。我
        们把自己打扮成一个审计程序，三个传唤程序，但她的防御系统非同
        小可，经过改造，专门对付这种官方侵入。她有些最复杂的冰墙，可
        以化解传票、文书和传唤程序的攻势。我们冲破第一道关卡后，她的
         </p>
    </div>

    <div class="slide">
        <h1>Slide 5: Picture</h1>
        <center>
            <img src="figure/figure-1.jpg">
        </center>
    </div>

    <div class="slide">
        <h1>Slide 6: Code</h1>
        <pre>
import sys
from os import path
class T(object):
    def print_f(arg1, arg2):
        print 'OK'

if __name__ == '__main__':
    pass
        </pre>
    </div>

    <div class="slide">
        <h1>Slide 7: HTML5 Video (ogg)</h1>
        <center>
        <video src="http://html5demos.com/video/assets/dizzy.ogv" controls="controls">
            您的浏览器不支持 video 标签。
        </video>
        </center>
    </div>

    <div class="slide">
        <h1>Slide 7: Video (flv) </h1>
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/Bl2H7BD4Pig&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Bl2H7BD4Pig&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>
    </div>

    <div class="slide">
        <br/>
        <br/>
        <br/>
        <center>
            <h1 class="xxx-big">谢谢！</h1>
        </center>
    </div>

</div>

</body>
</html>
